<template>
    <div class="head">
        <div class="left">
            <div class="menu-icon left-menu">菜单</div>
        </div>
        <div class="logo">YIVUE</div>
        <div class="right">
            <div class="menu-icon right-menu">首页</div>
        </div>
    </div>
</template>

<script type="text/javascript" yv-type="text/component">
    var component = {
        data: function() {
            return {};
        },
        template: document.getElementById("component-ddd").innerHTML
    };
</script>

<!-- 组件级样式 -->
<style type="text/less">
    .ddd {
        .abcd {
            font-size: 12px;
        }
        color: aqua;
    }
</style>
